.order_Tree--main::after,
.order_Tree--CardList___first::after,
.order_Tree--CardList___first>li::after,
.order_Tree--CardList___end::after,
.order_Tree--span___first::after,
.order_Tree--span___end::after,
.order_Tree--section::after,
.order_Tree--cohesion::after,
.order_onw_fact::after

{
    content:"";
    display: table;
    clear: both;
}
.order_Tree--main::before{
    content:"";
    display: table;
}
.order_Tree--main{
    position: relative;
    background: #fff;
    margin-top:10px;
}

.orderTree_chunk--alarm___item > i{
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-right:10px;
}
.orderTree_chunk--alarm___item:nth-child(1) > i{
    background: red;
}

.orderTree_chunk--alarm___item:nth-child(2) > i{
    background:yellow;
}
.order_Tree--header{
    position: relative;
}

.orderTree_chunk--alarm{
    position: absolute;
    padding: 20px;
}
.order_Tree--section{
    /*margin-top:600px;;;;*/
    padding: 30px;
    min-height: 600px;

    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    transition: .3s all;
}
.order_Tree--Card{
    width:180px;
    height:175px;
    background: #fff;
    border-radius: 4px;
    font-size: 12px;
    border:1px solid #ececec;
    position: relative;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    text-align: center;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .2);
    cursor:pointer;
}
.order_Tree--section .order_Tree--Card:hover{
    border: 1px solid #34d662;
}
/*.order_Tree--Card.end_x3{*/
    /*-webkit-transform: translateY(-50%);*/
    /*-moz-transform: translateY(-50%);*/
    /*-o-transform: translateY(-50%);*/
    /*transform: translateY(-50%);*/
/*}*/
.order_Tree--Card:hover{
    border-color: transparent;
    box-shadow: 0 4px 10px rgba(0, 0, 0, .2)
}
.order_Tree--Card > .order_Tree--Card__title{
    height:50px;
    line-height:50px;
    font-size: 16px;
    border-bottom:1px solid #ececec;
}
/*批量设置字体*/
.order_Tree--Card > .order_Tree--Card__title{
    font-family:"Microsoft YaHei";
}
.order_Tree--Card > .order_Tree--Card__content{
    padding:10px;
}
.order_Tree--Card > .order_Tree--Card___detail{
    margin-top: 15px;
    text-align: left;
}
.order_Tree--Card___item{
     margin-bottom: 20px; 
}
.order_Tree--Card___item > span{
    display:inline-block;
    margin-right: 5px;
    font-size:12px;
    font-family:Microsoft YaHei;
    vertical-align: top;
}
.order_Tree--Card___item > strong{
    display: inline-block;
    font-size:16px;
    margin-top:-3px;
}
.order_Tree--left___heaMain .order_Tree--Card ~ i{
    float: left;
    margin: 90px 10px 80px 10px;
}
.order_Tree--span___first{
    position: relative;
    /*top: 0px;*/
    margin-top: -10px;
}
.order_Tree--span___end{
    /*position: absolute;*/
    /*bottom: -160px;*/
    margin-bottom:-10px;
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -o-transform: translateY(120px);
    transform: translateY(120px);
}
.order_Tree--lr--span{
    display: inline-block;
    width: 70px;
}
.order_Tree--lr--span > i{
    display: inline-block;
    margin:0 6px 3px 6px;
}
.order_Tree--lr--span > i._order--left{
    margin-left: 0px;
}
.order_Tree--lr--span > i._order--right{
    margin-right: 0px;
}
.order_Tree--left___heaMain .order_Tree--Card ~ i,
.order_Tree--lr--span > i
{
    width: 8px;
    height: 1px;
    background: #7c7c7c;
}

.order_Tree--List___container{
    position: relative;
    margin-top: -130px;
}
.order_Tree--line___black{
    position: absolute;
    top: 10px;
    left: -3px;
    bottom: -130px;
    width: 1px;
    border-left: 1px dashed #999;
}
.order_Tree--left___heaMain{
    float:left;
}
.order_Tree--List___one,
.order_Tree--List___two
{
    /*width:253px;*/
    float:left;
}

.order_Tree--CardList___first,
.order_Tree--CardList___end,
.order_three_children--list {
    float:left;
    transform: translateY(-118px);
}

.order_Tree--CardList___first > li,
.order_Tree--CardList___end > li,
.order_three_children--list >li
{
    margin-top:30px;
}

.order_Tree--List___two{
    height:700px
}

.order_Tree--cohesion > i{
    display: inline-block;
    float:left;
    width: 8px;
    height: 1px;
    background: #7c7c7c;
    margin: 0 8px;
    vertical-align: top;
}
.small_line--separate {
    position: absolute;
    width: 1px;
    height: calc(100% - 212px);
    top: -7px;
    bottom: 0px;
    border-left: 1px dashed #999;
    left: 25px;
}
.order_Tree--CardList___first > li  .order_Tree--cohesion{
    float:left;
    -webkit-transform: translateY(88px);
    -moz-transform: translateY(88px);
    -o-transform: translateY(88px);
    transform: translateY(88px);
}

.line_separate {
    position: absolute;
    top: 0;
    bottom: 195px;
    width: 1px;
    border-left: 1px dashed #999;
}
.line_separate::before,
.line_separate::after,
.small_line--separate::before,
.small_line--separate::after
{
    content:"";
    width:8px;
    height:1px;
    background: #7c7c7c;
    position: absolute;
}
.line_separate::before,
.small_line--separate::before {
    top:0px;
}
.line_separate::after,
.small_line--separate::after{
    bottom:0px;
}


/*.order_Tree--span___first .line_separate {*/
    /*bottom: 440px;*/
/*}*/

.order_onw_fact{
    float:left;
    position: relative;
}
.order_Tree--span___first .order_onw_fact{
    transform: translateY(-60px);
    /*transform: translateY(60px);*/
}
.order_Tree--span___end .order_onw_fact{
    transform: translateY(-100px);
    margin-bottom: 140px;
}

.order_Tree--CardList___first,
.order_Tree--CardList___end,
.order_three_children--list
{
    margin-left: 20px;
}
/*.small_line--separate{*/
    /*position: relative;*/
/*}*/

.order_Tree--CardList___end >li {
    width:182px;
}
.order_Tree--Card___detail{
    text-align:left;
    margin-top:20px;
}

.order_Tree--progress{
    width: 160px;
    background: #eceff4;
    height: 7px;
    border-radius:6px;
    margin-bottom:10px;
    overflow-x: hidden;
}
.order_Tree--progress > i {
    display: block;
    position: relative;
    width:0px;
    /*background: linear-gradient(to right, #2bd45c , #ffdc0f);*/
    background: #2bd45c;
    border-radius: 3px;
    height: 100%;
    transition: .8s all;
}
.order_Tree--progress > i::before{
    content: "";
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    border-radius: 10px;
    -webkit-animation: ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;
    animation: ant-progress-active 2.4s cubic-bezier(.23,1,.32,1) infinite;
}
.order_Tree--detail___num{
    text-align: right;
    font-size: 12px;
    margin-right: -15px;
    transform: scale(.80);
}
.order_Tree--Card___alarm .ant-tooltip-inner{
    padding: 5px 10px 0 10px;
    min-height: 24px;
    background: #f2f2f2;
    color:#000;
    border: 1px solid #ebebeb;
    box-shadow: 0 0 0;
}
.order_Tree--Card___alarm .ant-tooltip-arrow{
    border-top-color: #ebebeb;
}
.order_three_children{
    position: relative;
}

.order_three_children--list > li:first-child .order_Tree--lr--span{
    position: relative;
    top: 71px;
}

.order_three_children--list > li:last-child .order_Tree--lr--span{
    position: relative;
    top: 66px;
}
.order_three_children--list .order_Tree--lr--span{
    position: relative;
    top: 80px;
}
.order_three_children--list> li:first-child .order_Tree--lr--span > i{  margin-left:5px;  }
.order_three_children--list>li:last-child .order_Tree--lr--span > i{  margin-left:5px;  }

.order_three_children--list .order_Tree--lr--span i{
    margin-left:-15px;
    margin-right:8px;
}

.order_tree--Nar_Amp{
    position: absolute;
    top: 119px;
    left: 17px;
}

.order_tree--mar_r__10px{
    margin-right:10px;
}
.order_tree--mar_l__10px{
    margin-left:10px;
}